# Модуль 4 — Разбор основной структуры нового проекта на Quasar 2.
> **ВНИМАНИЕ!**
>
> **Этот материал ещё неполный, он находится в разработке и регулярно обновляется.**

**Куратор, должен учащемуся проговорить всю информацию по модулю, в том числе заголовки и пометки, то есть всё, что написано ниже.**

**↓↓↓ Это всё должен услышать учащийся ↓↓↓**

`Запускаем запись видео и аудио работы по модулю.`

## Правила работы с модулем

Модуль нужно пройти и повторить минимум один раз. В первом подходе я, как куратор, буду тебе как учащемуся рассказывать этот учебный модуль, на следующих подходах ты, как учащийся, постараешься по памяти воспроизвести всю информацию и навыки из модуля.

## Цель модуля

Разбор основной структуры нового проекта на Quasar 2, базового темплейта, примеры использования компонентов.

## Далее по модулю нужно сделать:

Открыть папку, созданную по модулю 4 и начать разбирать для чего нужны основные папки:

Quasar-project - корневая папка проекта(Лучше всего в дальнейшем использовать frontend-project т.е переименовать папку). 
.quasar – системная папка, которая создается когда ты билдишь проект( как бы собираешь его).Когда ты запустил сборщик, он тебе создал эту папку и в неё кэш какой нибудь положил.Quasar это папка нужна для работы, сильно на эту папку не ориентируемся. 
.vscode and .quasar – точка пишится для того , чтобы папка была скрыта(система часто определяет как скрытое). .Quasar отображается сереньким, потому что он не индексируется гитом. .quasar это просто кэш папка, которая здесь и сейчас тебе нужна в результате работы общего квазара(который ты запускаешь)
.vscode – папка создается именно программой VS, для того чтобы можно было синхронизировать между проектами различные вещи. Мы это используем чтобы синхронизировать extensions.json(это расширение) т.е мы прописываем , что такое extensions. Другой пользователь когда клонирует себе этот репозиторий и у него всплывет табличка, на которой будут написаны рекомендованные расширения.  settings.json – это общие настройки, где разные прикольные штуки. Например чтобы prettier у всех одинакова работал и тд
.gitignore - это корневой файл в котором прописана, что Git должен игнорировать. Например как папка node_modules, которая не перекочевывает между репозиториями, потому что каждый раз она разворачивается (производиться инсталляция) и это программа ставится. 
Node_modules необходима для разработки, в этой папке могут хранится разные библиотеки , которые могут быть использованы при написании кода. Если эту папку удалить или переименовать — могут быть проблемы при компиляции проекта, поэтому папка нужна.
Readme.md – это текстовой файл, который хранит некую информацию.
package.json – это базовый файл управления версиями. Его основное назначение — хранить список зависимостей (библиотек), необходимых проекту node. js для работы.
Package.json файл состоит:
1.    Dependencies (зависимости) в которых хранятся названия и версия модуля
2.    Метаданные - это описание, автор, лицензия и т.д.
3.    Скрипты
Основная цель зависимостей - обеспечить правильную последовательность выполнения элементов программы и управление взаимодействием между ними.
dependencies — главные зависимости которые находятся в вашем проекте. Их можно применять и запускать в коде
DevDependencies (разработчикам Зависимости) - это пакеты, необходимые для разработки проекта, но не влияют на его работу в производственной среде. Они могут включать в себя инструменты для сборки проекта, тестирования, отладки и другие разработчиков средства и библиотеки. Важно отличать их от Dependencies (Зависимости), которые необходимы для работы приложения в производственной среде. 
И другие.
package-lock.json если коротко, то предназначен для блокировки зависимостей от определенного номера версии. В package-lock.json файле перечислены зависимости вашего приложения и зависимости всех его зависимостей. Другими словами, он описывает, какую версию каждого отдельного пакета вы установили. Вот почему это намного дольше, чем package.json. Когда вы используете package-lock.json для установки зависимостей, вы получаете точно такие же пакеты, неважно, устанавливаете ли вы их сейчас или через несколько лет, когда мы, надеюсь, больше не будем использовать клавиатуры.
quasar.config.js - это конфигурационный файл для Quasar Framework, который используется для настройки и настройки различных аспектов проекта на основе Quasar.
Public – папка для хранение картинок, видео и тд.
Src -  здесь находятся исходные файлы нашего проекта. Самые важные папки layouts, pages, components(это из чего состоит сайт). Самая главная это layout. Router – Эта папка позволяет удобно организовывать и настраивать маршрутизацию в Quasar-приложении, позволяя легко добавлять новые страницы, настраивать вложенные маршруты и управлять переходами между страницами. (43 строка в layout).
App.vue – корневой файл(В нем обычно находится компонент <template>, в котором определена разметка основной страницы приложения. Кроме того, содержит главный <router-view>, который отображает компоненты, соответствующие текущему пути URL.), который загружается в  index.template.html,который используется для создания динамических веб-страниц. В шаблоне обычно включаются HTML теги, стили CSS и скрипты JavaScript, а также данные, которые будут динамически подставлены в страницу при ее отображении.
 layouts используется для хранения шаблонов макетов приложения. Внутри этой папки находятся файлы с расширением ".vue", которые определяют структуру и компоненты, используемые в различных макетах приложения. Макеты в Quasar позволяют определить общую структуру и внешний вид различных частей приложения, таких как шапка, подвал, боковая панель навигации и т. д. Они также позволяют определить общие компоненты, которые могут использоваться в нескольких разделах приложения.

## Завершение

При завершении первого подхода по модулю, лучше остановить запись, чтобы она не получилось слишком большой, потом нужно будет запустить запись снова.

`Останавливаем запись видео и аудио работы по модулю.`

Теперь отдых. Отдых обязателен, отдыхаем минимум 10 минут, если нужно немного больше, можем договорится о времени.

## Повторение

`Запускаем запись видео и аудио работы по модулю.`

Теперь у нас повторение пройденного материала, ты как учащийся должен стараться все сделать сам, в том числе рассказать зачем всё это делается, какие результаты планируются получить, заново создать и оформить проект в GitLab.

Если ты где-то будешь сильно запинаться или делать совсем не то, что нужно, я буду тебе помогать, но в остальном я буду минимально тебя перебивать, чтобы не сбивать тебя. В конце я тебе расскажу, что ты пропустил и мы это проговорим.

Начинай, я тебя слушаю.

`Останавливаем запись видео и аудио работы по модулю.`